<!DOCTYPE html>
<html>

<head>
  <title>表单过滤选择器</title>
  <meta charset="utf-8" />
  <script src="js/jquery-1.11.3.js"></script>
</head>

<body>
  <form>
    用户名:<input disabled></br>
    密码:<input type="password" disabled></br>
    <input type="checkbox">我同意本站的使用条款<br>
    <input type="submit" value="提交注册信息" disabled />
  </form>

  <script>
    //jquery
    console.log($(":input:not(:checkbox)"));
    $(" :checkbox").click(function () {
      // $(":disabled")
      console.log($(this).prop("checked"));
      $(":input:not(:checkbox)").prop("disabled", !$(this).prop("checked"))
    });

    //dom
    // var checkbox = document.querySelector("[type=checkbox]");
    // var inputs = document.querySelectorAll("form>input:not([type=checkbox])");
    // checkbox.onclick = function () {
    //    console.log(checkbox.attributes);
    //    for (var input of inputs) {
    //       console.log(input.attributes);
    //       console.log(input.disabled);
    //       if (checkbox.checked) {
    //          input.disabled = false;
    //       } else {
    //          input.disabled = true;
    //       }
    //    }
    // }
  </script>
</body>

</html>